<template>
    <div id="contentC">
        <p>contentC</p>

        <div>
            <input type="text" class="form-control" placeholder="请填写id" v-model="person.id">
            <select class="form-control" v-model="person.sex">
                <option selected disabled>secret</option>
                <option v-for="obj in sexArr" :value="obj.value">{{obj.sex}}</option>
            </select>
            <input type="text" class="form-control" placeholder="请填写id" v-model="person.name">
            <input type="text" class="form-control" placeholder="请填写id" v-model="person.age">
            <button class="btn btn-default" @click="add()">Add</button>
        </div>
        <div style="display: flex; flex-direction: row;">
            <div style="flex: 1;">
                <ul>
                    <li v-for="item in list" :key="item.id">
                        <p>id:{{item.id}}</p>
                        <p>sex:{{item.sex}}</p>
                        <p>age:{{item.age}}</p>
                        <p>name:{{item.name}}</p>
                    </li>
                </ul>
            </div>
            <div style="flex: 1;">
                <clist></clist>
            </div>
        </div>
    </div>
</template>

<script src="./contentC"></script>